@charset "utf-8";
/* CSS Document */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}













#layout_chinh {  /*canh giua */                                                /*------------id của body--------------*/
              
			      /*khong gioi han heigth*/
			     background-image:url(baner/30.jpg);
			     background-repeat:no-repeat;}
#facebook  { width:  101% ; height: 40px ; background:#3b5999 ;}
#col1_face {width: 20%; height: 100%; float: left;}
#col2_face { width: 30%; height:100%;float: left; }
#col3_face {width: 40%; height: 100%; ;float: right;font-family: Tahoma, Geneva, sans-serif;}
#col1_face a img:hover { background: #5069b4;}

#col3_face a img:hover { background:#5069b4;}
#col3_face a h4:hover { background: #5069b4; }

#baner {  width:100%;min-height: 231x; float:left;opacity: 0.5;z-index:1px; }              /*------------id baner-----------------*/
#option{ float:right; margin:80px 0px 0px 0px;margin-right:40px; color:#0080FF;}             /*--------------id option----------------*/

#thanh_login {float:right;;margin:70px 0px 50px 400px;}/*canh tren phải dưới trái*/            /*--------------thanh login--------------*/
#menu { width:100%; height:45px; float:left;margin-top: 10px;background:#151b1f;}
#jquery { width:90%; height:autopx; float:left;margin-left: 60px;border: 1px solid #cccccc;}
#timkiem2 {float:left ; }                               /*--------------thanh menu---------------*/
#timkiem {float: right ;margin-left:150px;}    /* đưa ve ben phai--*/                                        /*--------------tim kiem-----------------*/
 
#tieu_de a:hover { border:1px solid #630; }   /* re chuot vao tieu de se có khung boder */        /*--------------hover tieu de------------*/
#tieu_de table{float:left;margin:10px 0px 0px 30px; font-size:14px;margin-left: 30px;font-family: Tahoma, Geneva, sans-serif;}                 /*--------------table tieu de------------*/
#center { width:90%;height:auto; float:left;margin-left: 60px;border: 1px solid #cccccc; background-image:url(img/thanh%20menu.jpg); background-repeat:no-repeat;}  
                   /*--------------center-------------------*/
#col1 { width:79%;/*vi no la the con của center nen nó sẽ lấy % cua center*/ height:auto;background:#EEE;float:left;}/*đường viền boder xung quanh*/   

		               /*--------------col1---------------------*/
#col2 { width:21%;height:auto; background:#EEE;float:right;}    /*--------------col2---------------------*/
         
		
#lien_ket{background-image:url(Untitled-1.jpg);text-align:center; color:#FFF;}      /*--------------lien ket-----------------*/
	                       /* -------------logo col2----------------*/

#footer{  clear:both; width:100%; height:415px; background:#272727 url(baner/footer-bg.jpg) repeat-x;}                    
             /*--------------footer-------------------*/
             
             
#footer p{text-align:center; font-size:10px;}                                                /*--------------noi dung thanh footer----*/
                                                   
#comment { float:left ; margin: 50px 0px 50px 50px;}










/* tim kiem */

input {
	outline: none;
         margin: 11px 0px 0px 0px ;
        float: left;}
	
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
          }

input[type=search] {
	background:#fff url(img/img.png) no-repeat right center;
        
	border: solid 1px #a3a3a3;
	padding:  2.5px;

	width: 300px;

	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	 -o-transition: all 0.5s linear;
	transition: all 0.5s linear;}
	
input[type=search]:focus {
	width: 250px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,0.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,0.5);
	box-shadow: 0 0 5px rgba(109,207,246,0.5);}

/* the end tim kiem */











#s { margin:0;
     padding:0;}
	 #s li { float:left; 
	         list-style:none;
			 display:block;}
	  #s li a{width:130px;
	          
			  background-repeat: no-repeat;
			  padding: 5px;
                          font-family: Tahoma, Geneva, sans-serif;
	                  color:#0080FF;
			 font-size:14px;
			  text-decoration:none;
			  text-transform:capitalize;
			  text-align:center;
			  display:block;}
	         #s li a:hover { color:#000; 
			                 background:#F60;
							 color:#0F0;
							 text-decoration:underline;}
	                        /*menu cap 3*/
							        #s li li { float:none;}
									#s li ul { display:none; 
									           padding:0; 
											   margin:0;}
									#s li:hover >ul { display:block;
									                  }
	         

#s2 { margin-left: 50px;
      padding:0;}
	  #s2 li { float:left; 
                   /* chuyển txt từ hàng dọc sang hàng ng*/
	           list-style:none;}
			   #s2 li a { width:110px; 
			             padding:3px;
						 display:block;
						 color:#2727E9;
						 text-decoration: none;
						 text-transform:capitalize;
						 font-size:12px;
						 border-right:1px solid #666;
						 text-align:center;}
						 #s2 li a:hover{ color:#FFF;}



#s3 { margin:0;/*đưa về trên*/
      padding: 0; } /*đưa về đầu hàng*/
	  #s3 li { list-style:none; }/*bỏ những dấu chấm đầu hanfd*/
			   #s3 li a { width:100%;   /*chieu dai*/
			             padding:3px 0px 0px 0px ;  /*chiều cao cau ô menu*/
						 display:block;  /*khoang cach menu*/
                                                 color: #6699ff;
						 text-decoration: none;  /*bỏ gạch chân text*/
						 text-transform:capitalize; /*viet hoa đầu*/
						  /*font txt*/
						 font-size:12px;    /*size text*/
                                                 margin-top: 10px;
                                                 border-bottom: 1px solid #cccccc;
                                                 font-family: Tahoma, Geneva, sans-serif;
						
						} /*đường viền ở dưới */ 
                                                #s3 li a:hover{text-decoration: underline;color: #6699ff;
                                                       } /* khi rê chuôt thì sẽ xuất hiện bo góc và đổi màu text*/
						


#relations { margin-left: 40px;margin-bottom: 10px;
            padding:  0;}
#relations li {
               list-style:  none;}
#relations li a { color:  #6666ff;
                  font-size: 12px; 
                  font-family: Tahoma, Geneva, sans-serif;
                 text-decoration: none;
                 text-transform: capitalize;margin-top: 10px;
                display:  block;}
#relations li a:hover { text-decoration: underline ; color: #6666ff;}
#relations h5 {font-family: Tahoma, Geneva, sans-serif; font-size: 14px; color: #000000;}








/* danh cho bai viet*/



#baiviet_1_col1 {width:600px;float:left;border:1px solid #CCC;background:#FFF;height: auto;margin: 20px 0px 0px 25px;}
#baiviet_2_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto;margin: 20px 0px 0px 25px;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;padding: 10px 10px 10px 10px}
#baiviet_3_col1 {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto;margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_4_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto;margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_5_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_6_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_7_col1 {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_8_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_9_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_10_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}

#baiviet_11_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_12_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}
#baiviet_13_col1  {width:750px;float:left;border:1px solid #CCC;background:#FFF;height: auto; margin: 20px 0px 0px 25px;padding: 2px 0px 5px 0px;}













































.flappybird {
	background:url('http://www.lamweb.com/wp-content/uploads/2014/02/flappy-bird.gif') no-repeat;
	background-position: 0 0;
	width:85px;
	height:60px;
	opacity:0;
	right:0;
	top:150px;
	position:absolute;
	z-index:100;
	-webkit-animation: flappybirdAnimation infinite 20000ms linear 2s;
	-moz-animation: flappybirdAnimation infinite 20000ms linear 2s;
	-ms-animation: flappybirdAnimation infinite 20000ms linear 2s;
	-o-animation: flappybirdAnimation infinite 20000ms linear 2s;
}

@-moz-keyframes flappybirdAnimation{
	from {
		background-position:-85px 0;
		-webkit-transform: translate(700px, -60px) rotate(-37deg);
		opacity:1;
	}
	17.5% { -webkit-transform:translate(-214px, 266px) rotate(-35deg);}
	20% { -webkit-transform: translate(-324px, 298px) rotate(-26deg);}
	22.5% { -webkit-transform: translate(-437px, 318px) rotate(-20deg);}
	25% { -webkit-transform: translate(-560px, 325px) rotate(-16deg);}
	27.5% { -webkit-transform: translate(-686px, 318px) rotate(-10deg);}
	30% { -webkit-transform: translate(-811px, 289px) rotate(3deg);}
	50% { -webkit-transform: translate(-1700px, -60px) rotate(3deg); background-position:-85px 0; }
	51% { -webkit-transform: translate(-1700px, 369px) rotate(3deg); background-position:0 0; }
	71% { -webkit-transform: translate(-811px, 59px) rotate(3deg); }
	73.5% { -webkit-transform: translate(-686px, 28px) rotate(6deg); }
	76% { -webkit-transform: translate(-560px, 15px) rotate(12deg); }
	78.5% { -webkit-transform: translate(-437px, 21px) rotate(15deg); }
	81% { -webkit-transform: translate(-324px, 48px) rotate(21deg); }
	83.3% { -webkit-transform:translate(-214px, 86px) rotate(27deg); }
	to {
		background-position:0 0;
		-webkit-transform: translate(700px, 369px) rotate(37deg);
		opacity:1;
	}
}

@-webkit-keyframes flappybirdAnimation{
	from {
		background-position:-85px 0;
		-webkit-transform: translate(700px, -60px) rotate(-37deg);
		opacity:1;
	}
	17.5% { -webkit-transform:translate(-214px, 266px) rotate(-35deg);}
	20% { -webkit-transform: translate(-324px, 298px) rotate(-26deg);}
	22.5% { -webkit-transform: translate(-437px, 318px) rotate(-20deg);}
	25% { -webkit-transform: translate(-560px, 325px) rotate(-16deg);}
	27.5% { -webkit-transform: translate(-686px, 318px) rotate(-10deg);}
	30% { -webkit-transform: translate(-811px, 289px) rotate(3deg);}
	50% { -webkit-transform: translate(-1700px, -60px) rotate(3deg); background-position:-85px 0; }
	51% { -webkit-transform: translate(-1700px, 369px) rotate(3deg); background-position:0 0; }
	71% { -webkit-transform: translate(-811px, 59px) rotate(3deg); }
	73.5% { -webkit-transform: translate(-686px, 28px) rotate(6deg); }
	76% { -webkit-transform: translate(-560px, 15px) rotate(12deg); }
	78.5% { -webkit-transform: translate(-437px, 21px) rotate(15deg); }
	81% { -webkit-transform: translate(-324px, 48px) rotate(21deg); }
	83.3% { -webkit-transform:translate(-214px, 86px) rotate(27deg); }
	to {
		background-position:0 0;
		-webkit-transform: translate(700px, 369px) rotate(37deg);
		opacity:1;
	}
}

@-ms-keyframes flappybirdAnimation{
	from {
		background-position:-85px 0;
		-webkit-transform: translate(700px, -60px) rotate(-37deg);
		opacity:1;
	}
	17.5% { -webkit-transform:translate(-214px, 266px) rotate(-35deg);}
	20% { -webkit-transform: translate(-324px, 298px) rotate(-26deg);}
	22.5% { -webkit-transform: translate(-437px, 318px) rotate(-20deg);}
	25% { -webkit-transform: translate(-560px, 325px) rotate(-16deg);}
	27.5% { -webkit-transform: translate(-686px, 318px) rotate(-10deg);}
	30% { -webkit-transform: translate(-811px, 289px) rotate(3deg);}
	50% { -webkit-transform: translate(-1700px, -60px) rotate(3deg); background-position:-85px 0; }
	51% { -webkit-transform: translate(-1700px, 369px) rotate(3deg); background-position:0 0; }
	71% { -webkit-transform: translate(-811px, 59px) rotate(3deg); }
	73.5% { -webkit-transform: translate(-686px, 28px) rotate(6deg); }
	76% { -webkit-transform: translate(-560px, 15px) rotate(12deg); }
	78.5% { -webkit-transform: translate(-437px, 21px) rotate(15deg); }
	81% { -webkit-transform: translate(-324px, 48px) rotate(21deg); }
	83.3% { -webkit-transform:translate(-214px, 86px) rotate(27deg); }
	to {
		background-position:0 0;
		-webkit-transform: translate(700px, 369px) rotate(37deg);
		opacity:1;
	}
}





















#baiviet_1_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_2_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_3_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_3_col2 a:hover{ border: 1px solid #F30;}
#baiviet_4_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_5_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_6_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_7_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}
#baiviet_8_col2{height: auto;margin-top: 20px; border-bottom:1px solid #003;width: 100%;}




#col1-footer { width:33.5%; height: 400px; border: 1px solid #cccccc;float: left;}

#col2-footer { width: 33%; height: 400px; border: 1px solid #cccccc;float: left}

#col3-footer { width: 33%; height: 400px; border: 1px solid #cccccc;float: right; }








































/* menu jequery */
#nav {
position: block;
margin: 0; padding: 0;
width: 100%;
margin-left: 60px;
}
#nav ul {
float: left;
list-style: none;
margin: 0; padding: 0;
 
}
#nav ul li {
float: left;
margin: 0; padding: 0;
position: relative;
z-index:500;
background-color: #151b1f;
}
#nav ul li a {
text-decoration: none;
float:left;
margin: 0;
padding:12px;
 font-family: Tahoma, Geneva, sans-serif;
 font-size: 12px;
color: #baa7a7;
}
#nav ul li a:hover,
#nav ul li a:active {
border: none;
color: #fff;
}
 
#nav ul.subnav {
position:absolute;
top:35px;
left:1;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
background-color: #151b1f;
}
 
#nav ul.subnav li {
height:36px;
width:300px;
float:left;
}
 
#nav ul.subnav a {
text-decoration: none;
display:block;
height:20px;
width:170px;
padding: 8px 15px;
color:#baa7a7;
}
 
#nav ul.subnav li a:hover {
background-color:#0ea3ff;}
#nav li a:hover {background: #32d758;}

